*{
    margin: 0;
    padding: 0;
    list-style: none;
    text-decoration: none;}
html,body{
    width: 100%;
    height: 100%;
}
a{
    display: block;
    width: 100%;
    height: 34px;
        line-height: 34px;
}
a:link,a:visited{
    color:white;
}
a:hover,a:active{
    color:#00c1de ;

}
@media only screen and (max-width:767px){
   
    a{
        width: 100%;
        height: 34px;
        line-height: 34px;
        font: .1rem/2rem "Microsoft YaHei";
        display: block;
        white-space: nowrap;
        
    }
    .directory>div{
     
        margin-right: -20rem;
     
    }
    
    html,body{
        min-width: 610px;
    }
    .el-col{
        padding:0;
    }
    /* 内容区域 */
    .author>p:nth-child(2){
        /* min-width: 243px; */
        white-space: nowrap;
        font-size: .1rem;
       
    }
    .author>p:nth-child(2)>span:nth-child(4){
      left: 0;
      margin-bottom: 20px;
       
    }
    .author>p:nth-child(2)>span{
      
        margin-left:-16px;
    }
    .postsItem>.ItemRight{
        margin-top: 50px;
    }
    .postsItem>.ItemRight>.cardSide>h2{
        max-width: 200px;
    }
    .postsItem>.ItemRight>.cardSide>p{
        
           margin-top: -10px;
           max-width: 230px;
    }
    .ItemLeft{
        min-width: 75%;
    }

}
/*内容区域 */
.main{
    width: 100%;
    background-color: black;
    box-sizing:border-box;
    padding: 0px 100px;
}

